<?php
require_once '../funciones/funciones.php';
require_once '../funciones/transaccion.php';
?>
<!DOCTYPE html>
<html>
    <head>
        <?php require_once '../includes/head.html'; ?>
<!--        <script type="text/javascript" src="../js/tiny_mce/tiny_mce_gzip.js"></script>-->
        <script type="text/javascript" src="../js/tiny_mce/tiny_mce.js"></script>
        <title></title>
        <script type="text/javascript">
            tinyMCE_GZ.init({
                plugins : 'style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,'+
                    'searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras',
                languages : 'es',
                themes : 'simple,advanced',
                disk_cache : true,
                debug : false
            });
        </script>
        <script type="text/javascript">
            tinyMCE.init({
                // General options
                mode : "textareas",
                language : 'es',
                theme : "advanced",

                plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave",

                // Theme options
                theme_advanced_buttons1 : "newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
                theme_advanced_buttons2 : "pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,image,cleanup,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
                theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,iespell,advhr,|,ltr,rtl",
                theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking",
                theme_advanced_toolbar_location : "top",
                theme_advanced_toolbar_align : "left",
                theme_advanced_statusbar_location : "bottom",
                theme_advanced_resizing : true,

                // Example content CSS (should be your site CSS)
                content_css : "css/content.css",

                // Drop lists for link/image/media/template dialogs
                template_external_list_url : "lists/template_list.js",
                external_link_list_url : "lists/link_list.js",
                external_image_list_url : "lists/image_list.js",
                media_external_list_url : "lists/media_list.js",

                // Style formats
                style_formats : [
                    {title : 'Bold text', inline : 'b'},
                    {title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},
                    {title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},
                    {title : 'Example 1', inline : 'span', classes : 'example1'},
                    {title : 'Example 2', inline : 'span', classes : 'example2'},
                    {title : 'Table styles'},
                    {title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}
                ],

                // Replace values for the template plugin
                template_replace_values : {
                    username : "Some User",
                    staffid : "991234"
                }
            });
        </script>
        <script type="text/javascript">
            $(document).ready(function(){                
<?php require_once '../includes/jsEnReady.php'; ?>
        $("#tema").change(function(){
            if($(this).val() != ""){
                var tmp = $(this).val();
                $.getJSON('../scripts/cargasJson.php', {opc:'cargaIntro',tema:$(this).val()}, function(datos){
                    $("#contenido").val(datos.temaIntroduccionPagina);
                    $("#formPregunta").trigger("reset");
                    $("#tema").val(tmp);
                    tinyMCE.execCommand('mceInsertContent',false,datos.temaIntroduccionPagina);
                });
            }
        });
        $("#btnConsPreguntas").click(function(){
            if(tinyMCE.get('contenido').getContent() == ""){
                mensajes("Debe ingresar un contenido para la explicación", 1, false);
                $("#contenido").focus();
                return false;
            }
            $("#contenido").val(tinyMCE.get('contenido').getContent());
            $.post("../scripts/miscelanius.php", {opc:"visualizaTemporal",transaccion:'<?php echo $transaccion; ?>',contenido:$("#contenido").val()}, function(data){
                if(parseInt(data) == 1){
                    window.open("mostrarEjemplo.php?transaccion=<?php echo $transaccion; ?>","Muestra","width=10000,height=600,scrollbars=YES");
                    return false;
                }
                else{
                    mensajes(data, 0, false);
                    $("#btnConsPreguntas").focus();
                    return false;
                }
            });    
        });
        $("#btnGuardar").click(function(){
            if($("#tema").val() ==""){
                mensajes("Debe seleccionar un tema", 1, false);
                $("#tema").focus();
                return false;
            }
            if(tinyMCE.get('contenido').getContent() == ""){
                mensajes("Debe ingresar un contenido para la explicación", 1, false);
                $("#pregunta").focus();
                return false;
            }
            $("#contenido").val(tinyMCE.get('contenido').getContent());
            $.post("../scripts/miscelanius.php", {opc:"guardaIntro",tema:$("#tema").val(),contenido:$("#contenido").val()}, function(data){
                if(parseInt(data) > 0){
                    mensajes("Se ha guardo correctamente la explicación del tema", 2, false);
                    $("#tema").val('');
                    $("#formPregunta").trigger("reset");
                    $("#btnConsPreguntas").focus();
                    return true;
                }
                else{ 
                    mensajes(data, 0, false);
                    $("#btnConsPreguntas").focus();
                    return false;
                }
            }); //fin $.post("../scripts/miscelanius.php", {opc:"valPrgClave",transaccion:$("#transaccion").val()}, function(data){
        });
    }); //fin $(document).ready(function(){
        </script>
    </head>
    <body>
        <div class="ui-accordion-header ui-state-default ui-corner-all titulo" id="divPruebaTapion">ADMINISTRACIÓN DE LAS EXPLICACIONES PARA CADA TEMA</div>
        <div style="float: right;">
            <a href="ayudaAdmin.php#explica" title="Ayuda" target="_new"><img src="../imagenes/ayuda1.png" alt="Ayuda" title="Ayuda" /></a>
        </div>
        <div style="width: 100%;margin-top: 10px">
            <fieldset class="fieldSetTitulo" style="padding: 1px 2px;width: 90%">
                <legend>Previsualización</legend>
                <div style="float: left;margin-right: 15px">
                    <a href="#" id="btnConsPreguntas">
                        <img src="../imagenes/preview.png" alt="Previsualizar" title="Previsualizar Explicación" />
                    </a>
                </div>
                <div style="padding-left: 16px;text-align: justify;line-height: 220% ">
                    Para obtener una previsualización de la explicación de clic en el icono anterior
                </div>
            </fieldset>
        </div>
        <?php include '../includes/body.php'; ?>
        <form id="formPregunta" method="POST" >
            <div style="float: left">
        <table>
            <tr>
                <td><label for="tema">Tema</label></td>
                <td>
                    <select id="tema" name="tema" >
                        <option value="">Seleccione</option>
                        <?php
                        $con = new MySQL();
                        $sql = "select * from temas order by temaOrden";
                        $result = $con->consulta($sql);
                        while ($row = $con->unaFila($result))
                            echo "<option value='{$row['temaId']}'>{$row['temaNombre']}</option>";
                        ?>
                    </select>
                </td>
            </tr>
        </table>
            </div>
            <div style="text-align: right">
                <input type="button" id="btnGuardar" value="Guardar Explicación" />
            </div>
            <textarea style="width: 100%" rows="24" name="contenido" id="contenido" ></textarea><br/>
            <div style="text-align: center">
            </div>
        </form>
    </body>
</html>
